<p>This rule raises an issue when using named import or export syntax to handle default values instead of the dedicated default syntax.</p>
<h2>Why is this an issue?</h2>
<p>JavaScript provides two ways to import and export default values: the dedicated default syntax and the named syntax with explicit
<code>default</code> naming.</p>
<p>The dedicated default syntax (<code>import foo from 'module'</code> and <code>export default foo</code>) is the conventional and recommended
approach because:</p>
<ul>
  <li> It is more concise and readable </li>
  <li> It clearly indicates the intent to work with default values </li>
  <li> It follows established JavaScript conventions </li>
  <li> It reduces visual noise in import/export statements </li>
</ul>
<p>Using the named syntax for defaults (<code>import {default as foo}</code> or <code>export {foo as default}</code>) is unnecessarily verbose and can
confuse developers who expect the standard default syntax.</p>
<h3>What is the potential impact?</h3>
<p>Using non-standard syntax for default imports and exports reduces code readability and consistency. While this doesn’t cause runtime issues, it can
slow down code comprehension and make the codebase harder to maintain, especially for teams with varying JavaScript experience levels.</p>
<h3>How to fix?</h3>
<p>Replace named import of default with dedicated default import syntax.</p>
<h4>Non-compliant code example</h4>
<pre data-diff-id="1" data-diff-type="noncompliant">
import {default as foo} from 'module'; // Noncompliant
</pre>
<h4>Compliant code example</h4>
<pre data-diff-id="1" data-diff-type="compliant">
import foo from 'module';
</pre>
<h3>Documentation</h3>
<ul>
  <li> <a href="https://github.com/sindresorhus/eslint-plugin-unicorn#readme">eslint-plugin-unicorn</a> - Rule <a
  href="https://github.com/sindresorhus/eslint-plugin-unicorn/blob/HEAD/docs/rules/no-named-default.md">no-named-default</a> </li>
  <li> MDN - import statement - <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import">Official documentation
  for JavaScript import syntax including default imports</a> </li>
  <li> MDN - export statement - <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export">Official documentation
  for JavaScript export syntax including default exports</a> </li>
</ul>
